
<template>
  <div class="outer-padding">
    <div class="header">
      <p class="header-left" @click="$router.push('/notice/list')">
        <icon-font type="icon-arrowleft"></icon-font>
        返回通知列表
      </p>
      <p class="pointer">下一条</p>
    </div>
    <p class="ctx">{{ datas.text }}</p>
    <p class="time">{{ datas.time }}</p>
  </div>
  <!-- <a-card></a-card> -->
</template>
<script lang="ts">
import { defineComponent, reactive, toRefs, ref, onMounted } from 'vue'
import { DynamicTable, TableQueryHeader } from '@/components/dynamic-table'
import { useRoute } from 'vue-router'
import { useStore } from '@/store'
import { getNoticeDetail } from '@/api/common'
import IconFont from '@/components/iconfont/icon-font'


export default defineComponent({
  name: 'Markcomponent',
  components: {
    IconFont
  },
  setup() {
    const tableRef = ref<InstanceType<typeof DynamicTable>>()

    const valueDate = ref<moment.Moment[]>([]);

    const route = useRoute()

    const store = useStore()

    const state = reactive({
      datas: {} as any
    })


    /**
     * @description 加载表格数据
     */


    onMounted(async () => {
      getDetail({})
    })

    const getDetail = async (id) => {
      const res = await getNoticeDetail({ id: id })
      state.datas = res
    }

    return {
      ...toRefs(state),
      tableRef,

    }
  }
})
</script>
<style scoped lang="less">
.header {
  display: flex;
  color: #000;

  .header-left {
    padding-right: 8px;
    border-right: 1px solid #eee;
    margin-right: 12px;
    cursor: pointer;
  }

}

.ctx {
  padding: 24px 0 12px 0;
  color: #000;
}

.time {
  color: #999;
}
</style>
